<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog Inject02-dialog" ng-init="init();"
     style="background-color:#fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'Inject02.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="content">
                <div class="kmi-text-fields" style="margin-top: 8px; word-break: break-all;">
                    <label class="label" ng-bind="'Inject02.plot_no' | translate"></label>
                    <label class="value" ng-bind="dialog.plot_no"></label>
                    <label class="label" ng-bind="'Inject02.machine' | translate"></label>
                    <label class="value" ng-bind="dialog.machine_no + '(' + dialog.machine_name + ')'"></label>
                    <label class="label" ng-bind="'Inject02.product' | translate"></label>
                    <label class="value" ng-bind="dialog.product_no + '(' + dialog.product_name + ')'"></label>
                </div>
                <div class="kmi-text-fields" style="margin-top: 12px; position: relative;">
                    <label class="label" ng-bind="'Inject02.program_no' | translate"></label>
                    <input class="value" ng-model="dialog.program_no" readonly="readonly" ng-click="dialog.changeProgramNo();"></input>
                    <div class="tip"><i class="material-icons">&#xE5CF;</i></div>
                    <label class="label" ng-bind="'Inject02.version_no' | translate" style="margin-left: -13px;"></label>
                    <label class="value" ng-bind="dialog.version_no"></label>
                    <!-- 調整 Flex比例用的標籤 -->
                    <label class="label"></label>
                    <label class="value"></label>
                    <div class="btn-panel">
                        <div class="kmi-button kmi-button-confrim btn-confirm" style="width: 110px;" ng-click="dialog.bindingRecipe()">
                            <label ng-bind="'Inject02.btn.binding_recipe' | translate"></label>
                            <div class="kmi-can-click"></div>
                        </div>
                        <div ng-disabled="!dialog.btn_check" class="kmi-button kmi-button-confrim btn-confirm" style="width: 120px;" ng-click="dialog.compareMachineState()">
                            <label ng-bind="'Inject02.btn.compare_machine_state' | translate"></label>
                            <div class="kmi-can-click"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="production-phase">
                <div class="kmi-text-fields production-phase-fields">
                    <div class="production-phase-model" ng-repeat="item in dialog.production_phase_list track by $index" ng-class="{'isSelect': item.title == dialog.now_item_title}">
                        <label class="label" ng-bind="item.title"></label>
                        <div class="production-phase-change-value" ng-show="item.change_value > '0'">
                            <label class="label" ng-bind="item.change_value"></label>
                        </div>
                        <div class="kmi-can-click" ng-click="dialog.changeProductionPhase(item);"></div>
                    </div>
                </div>
                <div class="kmi-list column-selector">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject02.list.recipe_name' | translate"></div>
                        <!-- 20221018 modify by Alan for#85102 : 移除"段數無"欄位 -->
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject02.list.recipe_segment_qty_1' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject02.list.recipe_segment_qty_2' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject02.list.recipe_segment_qty_3' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject02.list.recipe_segment_qty_4' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject02.list.recipe_segment_qty_5' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject02.list.recipe_segment_qty_6' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject02.list.recipe_segment_qty_7' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject02.list.recipe_segment_qty_8' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject02.list.recipe_segment_qty_9' | translate"></div>
                        <div class="kmi-list__column" style="flex:1;" ng-bind="'Inject02.list.recipe_segment_qty_10' | translate"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="item in dialog.now_item_recipe_list track by $index">
                            <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.recipe_name"></div>
                            <!-- 20221018 modify by Alan for#85102 : 移除"段數無"欄位 -->
                            <div class="kmi-list__column column-border" style="flex:1;">
                                <label ng-bind="item.recipe_segment_qty_1"></label>
                                <label style="color: red;" ng-bind="'(' + item.change_segment_qty_1 + ')'" ng-show="item.change_segment_qty_1 > '0'"></label>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;">
                                <label ng-bind="item.recipe_segment_qty_2"></label>
                                <label style="color: red;" ng-bind="'(' + item.change_segment_qty_2 + ')'" ng-show="item.change_segment_qty_2 > '0'"></label>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;">
                                <label ng-bind="item.recipe_segment_qty_3"></label>
                                <label style="color: red;" ng-bind="'(' + item.change_segment_qty_3 + ')'" ng-show="item.change_segment_qty_3 > '0'"></label>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;">
                                <label ng-bind="item.recipe_segment_qty_4"></label>
                                <label style="color: red;" ng-bind="'(' + item.change_segment_qty_4 + ')'" ng-show="item.change_segment_qty_4 > '0'"></label>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;">
                                <label ng-bind="item.recipe_segment_qty_5"></label>
                                <label style="color: red;" ng-bind="'(' + item.change_segment_qty_5 + ')'" ng-show="item.change_segment_qty_5 > '0'"></label>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;">
                                <label ng-bind="item.recipe_segment_qty_6"></label>
                                <label style="color: red;" ng-bind="'(' + item.change_segment_qty_6 + ')'" ng-show="item.change_segment_qty_6 > '0'"></label>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;">
                                <label ng-bind="item.recipe_segment_qty_7"></label>
                                <label style="color: red;" ng-bind="'(' + item.change_segment_qty_7 + ')'" ng-show="item.change_segment_qty_7 > '0'"></label>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;">
                                <label ng-bind="item.recipe_segment_qty_8"></label>
                                <label style="color: red;" ng-bind="'(' + item.change_segment_qty_8 + ')'" ng-show="item.change_segment_qty_8 > '0'"></label>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;">
                                <label ng-bind="item.recipe_segment_qty_9"></label>
                                <label style="color: red;" ng-bind="'(' + item.change_segment_qty_9 + ')'" ng-show="item.change_segment_qty_9 > '0'"></label>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;">
                                <label ng-bind="item.recipe_segment_qty_10"></label>
                                <label style="color: red;" ng-bind="'(' + item.change_segment_qty_10 + ')'" ng-show="item.change_segment_qty_10 > '0'"></label>
                            </div>  
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
